{% extends 'layout/_layout.html' %}

{% block css %}
    <style>
        .chart-item-bg {
            height: 400px;
            float: left;
        }

        .chart-item {
            height: 300px;
            float: left;
        }
    th{
        text-align: center;
    }
    tr{
        text-align: center;
    }
    </style>
{% endblock %}

{% block conent %}
    <ol class="breadcrumb" style="margin-bottom: 0;">
        <li><a href="/cmdb.html">首页</a></li>
        <li class="active">客户管理</li>
    </ol>
    <div>
        <div style="padding: 20px;" class="clearfix">
            <div id="container_business" class="chart-item-bg col-xs-12">
                <div class="btn-group" role="group" aria-label="...">
                    <button type="button" class="btn btn-default"><i class="fa fa-plus-square"></i> 添加客户</button>
                    <button type="button" class="btn btn-default"><i class="fa fa-file-excel-o"></i>批量导入</button>
                </div>
                <div class="Info" style="margin-top: 10px">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>客户姓名</th>
                            <th>年龄</th>
                            <th>邮箱</th>
                            <th>公司</th>
                            <th>选项</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for customer in customer_list %}
                            <tr>
                                <td>{{ forloop.counter }}</td>
                                <td>{{ customer.name }}</td>
                                <td>{{ customer.age }}</td>
                                <td>{{ customer.email }}</td>
                                <td>{{ customer.company }}</td>
                                <td><i class="fa fa-pencil fa-fw"></i><a href="">编辑</a> | <i class="fa fa-trash-o fa-fw"></i><a
                                        href="">删除</a></td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>


{% endblock %}

{% block js %}
    <script type="text/javascript">

    </script>
{% endblock %}